<template>
	<view class="header flex" >
		<h1 class="title">{{ title }}</h1>
		<slot class="slot-right"></slot>
	</view>
</template>

<script>
export default {
	name: 'custom-header',
	props: ['title'],
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.header {
	height: 100upx;
	width: 100%;
	line-height: 100UPX;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #f5fffe !important;
	padding: 0 30upx;
	z-index: 999;
}
.title {
	width: 90%;
	// margin-left: 1rem;
	color: #457e82;
	font-size: 50rpx;
	font-weight: 900;
	font-family: 'SourceHanSans';
}
.flex{
	// display: flex;
	align-items: center;
}
.slot{
	// width: 10%;
	// height: 50%;
	// float: right;
	
}

</style>
